<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>新增收货地址</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/common.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/addAddress.css"/>
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/utils.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="addAddressWeb">
			<!--头部-->
			<header class="backHeader">
				<div class="cephalo">
					<span class="img_jiantou"><img src="img/Information_consultation/left.png"/></span>
					<span class="fav_name">编辑收货地址</span>
					<span class="guanl mySub_">管理</span>
				</div>
			</header>
			<section>
				<form id="myForm" action="XXX.php" method="post">
				<div class="name">
					<p>收货人姓名</p>
					<input type="text" name="username" id="username" value="" autofocus="autofocus"/>
				</div>
				<div class="phone">
					<p>联系电话</p>
					<input type="text" name="tel" id="tel" value="" />
				</div>
				<div class="area">
					<p>省份、城市</p>
					<div class="selCity" data-toggle="distpicker">
					  <select></select>&nbsp;省&nbsp;&nbsp;
					  <select></select>&nbsp;市
					  <!--<select></select>-->
					</div>
					
				</div>
				<div class="address">
					<p>请填写详细地址:</p>
					<textarea name="" rows="5" cols="5"></textarea>
					<p>面&emsp;积</p>
					<input type="text" name="" id="" value="" />
				</div>
				
				<div class="number">
					<p>人&emsp;数</p>
					<input type="text" name="number" id="number" value="" />
				</div>
				
				<div class="job">
					<p>职&emsp;业</p>
					<input type="text" name="job" id="job" value="" />
				</div>
				
				<div class="setDefault">
					<input hidden type="checkbox" />
					<div class="circle">
						<div class="dot"></div>
					</div>
					<span>设为默认地址</span>
				</div>
				</form>
			</section>
			
			<!--尾部-->
			<footer class="indexFooter">
				<ul>
					<li>
						<img src="img/Pending_payment/shouye.png"/>
					</li>
					<li>
						<img src="img/Pending_payment/shenfen.png"/>
					</li>
					<li>
						<img src="img/Pending_payment/gouwuche.png"/>
					</li>
					<li>
						<img src="img/Pending_payment/kefu.png"/>
					</li>
				</ul>
			</footer>
			
		</div>
		
		<script src="js/distpicker.data.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/distpicker.min.js" type="text/javascript" charset="utf-8"></script>
		<script>
			$(".setDefault").on("click",function(){
				$(".setDefault").find("input").trigger("click");
				var isChecked = $(".setDefault").find("input").prop("checked");
				if(isChecked){
					$(".dot").fadeIn(100);
				}else{
					$(".dot").fadeOut(100);
				}
				
			})
			
			$(".mySub_").on("click",function(){
				$("#myForm").submit();
			})
		</script>
	</body>
</html>
